کد خارق العاده و فوق العاده زیبای صفحه 404

|کد خارق العاده و فوق العاده زیبای صفحه 404|

یکی از عجایب قرن!این کد خارق العاده برای صفحات 404 تهیه شده و زبیایی منحصر به فردی دارد که میتوانید آن را در ادامه مطلب مراجعه کنید.

دمو

کد مورد نظر:

”." class="error">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>.:: 404 not found ::.</title>
<link rel="SHORTCUT ICON" href="http://www.fileden.com/files/2009/3/20/2371690/Mzh04208.gif" />
<p>JAVANANE-ALAMDAR</p><a href="JAVANANE-ALAMDAR.IR">
<p>www.javanae-alamdar.ir</p>
<title>404 not found</title>
<style type="text/css" media="all">
html,
body {
margin: 0;
padding: 0;
}

#text-shadow-box {
position: fixed;
left: 0;
right: 0;
top: 0;
bottom: 0;
width: 100%;
height: 100%;
overflow: hidden;
background: #444;
font-family: Helvetica, Arial, sans-serif;
-webkit-tap-highlight-color: rgba(0,0,0,0);
-webkit-user-select: none;
}

#text-shadow-box #tsb-text,
#text-shadow-box #tsb-link {
position: absolute;
top: 40%;
left: 0;
width: 100%;
height: 1em;
margin: -0.77em 0 0 0;
font-size: 72px;
line-height: 1em;
font-weight: bold;
text-align: center;
}

#text-shadow-box #tsb-text {
font-size: 82px;
color: transparent;
text-shadow: black 0px -45.2px 19px;
}

#text-shadow-box #tsb-link a {
color: #999;
text-decoration: none;
}

#text-shadow-box #tsb-box,
#text-shadow-box #tsb-wall {
position: absolute;
top: 40%;
left: 0;
width: 100%;
height: 60%;
}

#text-shadow-box #tsb-box {
-webkit-box-shadow: black 0px -45.2px 39px;
-moz-box-shadow: black 0px -45.2px 39px;
}

#text-shadow-box #tsb-wall {
background: #999;
}

#text-shadow-box #tsb-wall p {
position: relative;
font-size: 18px;
line-height: 1.5em;
text-align: justify;
color: #222;
width: 550px;
margin: 1.5em auto;
cursor: default;
}

#text-shadow-box #tsb-wall p a {
color: #fff;
}

#text-shadow-box #tsb-wall p a:hover {
text-decoration: none;
color: #000;
background: #fff;
}

#tsb-spot {
position: absolute;
top: -50%;
left: -50%;
width: 200%;
height: 200%;
pointer-events: none;
background: -webkit-gradient(radial, center center, 0, center center, 450, from(rgba(0,0,0,0)), to(rgba(0,0,0,1)));
background: -moz-radial-gradient(center 45deg, circle closest-side, transparent 0, black 450px);
}</style>  </a>
<div id="text-shadow-box"><a href="javanae-alamdar.ir">
<div id="tsb-box" style="-webkit-box-shadow: black 0px -60.800000000000004px 46px"></div>
<p id="tsb-text" style="text-shadow: black 52.800000000000004px -60.800000000000004px 26px">جوانان علمدار</p> </a>
<p id="tsb-link"><a href="JAVANANE-ALAMDAR.ir"></a><a href="../../../../"> 404- صفحه مورد نظر يافت نشد</a></p>
<div id="tsb-wall">
<p class="auto-style1" align="right"><strong>!شايد توسط مدير حذف شده باشد!</strong></p>
<div align="right"><strong><strong>
<p class="auto-style1" align="center"><strong>چرا يک چيز مفيدتر را امتحان نمي کني؟</strong></p>
<p class="auto-style1" align="center"><strong><a href="ادرس سايت شما">صفحه اصلي</a></strong></p><a href="www.JAVANANE-ALAMDAR.ir"></a>
<p class="auto-style1" align="jokerman"><strong><a href="ادرس انجمن شما/forum">انجمن</a></strong></p></strong></strong></div><strong><strong><a href="www.JAVANANE-ALAMDAR.ir">
<div class="center">
<p> </p></div> </a></strong></strong></div><strong><strong><a href="www.javanae-alamdar.ir">
<div id="tsb-spot" style="background-position: -132px 35px"></div> </a></strong></strong></div><strong><strong><a href="www.javanae-alamdar.ir">
<script type="text/javascript" language="javascript" charset="utf-8">

var text = null;
var spot = null;
var box = null;
var boxProperty = '';

init();

function init() {
text = document.getElementById('tsb-text');
spot = document.getElementById('tsb-spot');
box = document.getElementById('tsb-box');

if (typeof box.style.webkitBoxShadow == 'string') {
boxProperty = 'webkitBoxShadow';
} else if (typeof box.style.MozBoxShadow == 'string') {
boxProperty = 'MozBoxShadow';
} else if (typeof box.style.boxShadow == 'string') {
boxProperty = 'boxShadow';
}

if (text && spot && box) {
document.getElementById('text-shadow-box').onmousemove = onMouseMove;
document.getElementById('text-shadow-box').ontouchmove = function (e) {e.preventDefault(); e.stopPropagation(); onMouseMove({clientX: e.touches[0].clientX, clientY: e.touches[0].clientY});};
}
}

function onMouseMove(e) {
if (typeof e === 'undefined' || typeof e.clientX === 'undefined') {
return;
}

var xm = (e.clientX - Math.floor(window.innerWidth / 2)) * 0.4;
var ym = (e.clientY - Math.floor(window.innerHeight / 3)) * 0.4;
var d = Math.round(Math.sqrt(xm*xm + ym*ym) / 5);
text.style.textShadow = -xm + 'px ' + -ym + 'px ' + (d + 10) + 'px black';

if (boxProperty) {
box.style[boxProperty] = '0 ' + -ym + 'px ' + (d + 30) + 'px black';
}

xm = e.clientX - Math.floor(window.innerWidth / 2);
ym = e.clientY - Math.floor(window.innerHeight / 2);
spot.style.backgroundPosition = xm + 'px ' + ym + 'px';
}
</script> </a>
<div style="display: none"><a href="www.javanae-alamdar.ir"></a><a href=""></a></div>
<div style="display: none"><a href="">JAVANANE-ALAMDAR.ir</a></div><object type="application/x-shockwave-flash" data="http://flash-mp3-player.net/medias/player_mp3_mini.swf" width="0" height="0">
<param name="movie" value="http://flash-mp3-player.net/medias/player_mp3_mini.swf" />
<param name="bgcolor" value="#000000" />
<param name="flashvars" value="" /></object></strong></strong>

نظرات شما عزیزان:

مدرن تم

ساعت20:14---3 آبان 1392

[وب سایت]

سلام من یه تولبار میخوام آدر سایتمmoderntheme.irعنوانش هم مدرن تم

مهسا

ساعت21:35---23 مهر 1392

- [ایمیل]

شما هم میتوانید... تکنیک های کسب درآمد میلیونی از سایتهای کلیکی ایرانی---ماهی 2میلیون تومان در کمتر از 70روز درامد ثابت ماهیانه---
بدون داشتن هیج وبلاگ یا سایت ویا حتی 1ریال سرمایه اولیه کار...تا کسب درامد میلیونی فقط یک قدم فاصله دارید-.-.خیلی راحته و نیاز به
وقت زیادی نداره-کافیه در سایتهای زیر ثبت نام کنی (ثبت نام رایگانه)وبرای هرسایت 10دقیقه وقت بذاری تا ماهانه100هزارتا 200هزارتومان از
هر سایت کار کنی--و اما سایتها--لطفا ادرسها را یکی یکی وبه طور کامل در ادرس بار مرورگرخود کپی کنید ودر سایتها ثبت نام کنید
http://bux.tirage24.com/?r=mahsa89
http://www.asemanbux.com/index.php?ref=mahsa89
http://rokhbux.ir/?r=mahsa89
http://www.vatanbux.com/?r=mahsa89
http://fambux.ir/?r=mahsa89
http://talabux.com/?r=mahsa89
بعدازثبت نام وارد سایتها شده حتما درقسمت مشاهده اگهی! در هر روز روی اگهی ها ی استانداردکلیک کنید(درآمدبه ازای کلیک روی اگهی) وحتما
قوانین سایت را ببینید به امید درامدی شیرین و واقعی برای شما دوست عزیز -موفق باشید